/* hbox and vbox classes */
 
.hbox {
        display: -webkit-box;
        -webkit-box-orient: horizontal;
        -webkit-box-align: stretch;
 
        display: -moz-box;
        -moz-box-orient: horizontal;
        -moz-box-align: stretch;
 
        display: box;
        box-orient: horizontal;
        box-align: stretch;
}
 
.hbox> * {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        display: block;
}
 
.vbox {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-box-align: stretch;
 
        display: -moz-box;
        -moz-box-orient: vertical;
        -moz-box-align: stretch;
 
        display: box;
        box-orient: vertical;
        box-align: stretch;
}
 
.vbox> * {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        display: block;
}
 
.spacer {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
}
 
.reverse {
        -webkit-box-direction: reverse;
        -moz-box-direction: reverse;
        box-direction: reverse;
}
 
.boxFlex0 {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
}
 
.boxFlex1, .boxFlex {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
}
 
.boxFlex2 {
        -webkit-box-flex: 2;
        -moz-box-flex: 2;
        box-flex: 2;
}
 
.boxGroup1 {
        -webkit-box-flex-group: 1;
        -moz-box-flex-group: 1;
        box-flex-group: 1;
}
 
.boxGroup2 {
        -webkit-box-flex-group: 2;
        -moz-box-flex-group: 2;
        box-flex-group: 2;
}
 
.start {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        box-pack: start;
}
 
.end {
        -webkit-box-pack: end;
        -moz-box-pack: end;
        box-pack: end;
}
 
.center {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
}